// pages/personal/personal.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    moveDistance:0,//移动的距离
    moveTransition:'',//动画
    userInfo:{}
  },
  handleGoLogin(){
    // 有值，说明登陆过了不需要在登录
    if (this.data.userInfo.nickname) return
    wx.navigateTo({
      url: '/pages/login/login',
    })
  },
/* 拖拽实现：通过transform
1.trouchstart计算开始的位置
2.trouchmove计算移动的位置
  根据计算好的transform距离

3.trouchend
  根据计算好结束的位置，使用过度到原来的位置,
  一开始transition是空，等结束了在使用过度
*/
  handleStart(event){
    // 清空上次的动画
    this.data.moveTransition=''
    // 记录开始的位置
    this.startY = event.touches[0].clientY
  },
  handleMove(event){
    // 移动的位置
    let moveY = event.touches[0].clientY
    let moveDistance=moveY-this.startY
    if (moveDistance > 80 || moveDistance<0 ) return
    // 设置样式的transform
    this.setData({
      moveDistance
    })
  },
  handleEnd(event){
    // 让移动的距离回到原来的使用过渡
    this.setData({
      moveDistance:0,
      moveTransition:'transform 1s'
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('onLoad')
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('onShow')
    // 如果没有登录的化得到的userInfo是一个undefined ，不可以转化为json,需要给一个字符串的‘{}’给一个初始值
    let userInfo=JSON.parse(wx.getStorageSync('userInfo')||'{}')
   this.setData({
     userInfo
   })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})